当前位置:flash课件吧→订做课件吧_flash课件制作,教学课件,比赛课件,参赛课件,制作课件,课件修改,毕业设计,精品课件,国家级比赛课件,市级比赛,公开课课件
  • 省级水平FLASH课件制作培训,网络教学,解答所有学员疑难,包教包会。
  • 教程发放到学员手中,共分为初级,中级,高级三部分,全部视频教程,跟真人在身边教学效果一样。
  • 有意者直接咨询我站管理QQ:444860709 也可以加入到QQ群(67042004)中后,直接找群主咨询相关事宜培训详情

注意:以下均为本站原创flash教程,属于本站产品,欢迎选学,如有问题可直接与我站管理联系解答事宜。QQ:4444860709

题 目:无限加载网络音乐播放器

一、效果预览

 

二、教程内容

 无限加载网络音乐播放器

步骤如下:
第一步,首先创建一个FLASH新文档;430 ×470,背景色蓝色;
第一步:创建好背景,截图如下:

第三步:再添加一个新图层,先创建好一个文字按钮; 主要用于音乐名;如下图:

 

第四步:把第一个音乐按钮制作好了以后,打开库面板; 右击; 直接再复制19个(本例中共加载20首网络MP3音乐); 如下图:

第五步,把以上按钮全部拖放到舞台上,修好每个按钮相应的文本,并利用对齐面板排列好; 如下图:

第六步:为每个按钮添加代码。单击选中01按钮;添加如下代码:

on (press) {
mysound.stop();
temp =1 ;
aa();
}
附注:其它02---20按钮的代码与第一个相同,只是修改相应的数字即可,即把上面代码中的“1”分别改成“2,……..,20”;
第七步:新建一个文本框图层,在本图层的第一帧创建四个动态文本框; 如下图:

第八步,打开属性面板,对上面的动态文本框逐一添加变量名称:正在播放后面的变量为“music_name”;已下载后面的变量名为“huanchong”;总长度后面的变量名为“zongchangdu”;已播放后面的变量名为“yibofang”。

第九步,新建音量控制图层,

  1. 首先画一个长条矩形,大小暂时不管,如下图:

  1. 单击适中该矩形,然后转换成一个影片剪辑元件,注意注册点要选择在左边。

 

  1. 在该影片剪辑元件内部,再新建一个图层;在图层2中再绘制一个滑块影片剪辑。

 

(4)单击选中滑块,属性面板中实例名称为“huakuai”,为滑块影片剪辑添加后面的代码;返回到主场景中,再把音量控制这个影片剪辑的实例名称命名为“yinliang”。
滑块(huakuai)上添加的代码如下:

on (press) {
startDrag("", true, 0, 0, 100, 0);
}
on (releaseOutside, rollOut) {
stopDrag();
}

第十步,主场景中再新建一个图层,用于放置主控制的四个按钮。如下图:

代码如下:
播放按钮上放代码:
on (press) {
if (tt) {
mysound.stop();

}
暂停按钮上放代码:
on (press) {
mysound.stop();
tt = mysound.position/1000;
}
上一曲按钮上放代码:
on (release) {
mysound.stop();
if (temp == 1) {
temp = 150;
} else {
--temp;
}
// end else if
aa();
}
下一曲按钮上放代码:
on (release) {

++temp;
}
// end else if
aa();
}

第十一步,主场景再创建一个代码图层,添加主代码如下:

function aa() {
mysound = new Sound();
mymusic_array = new Array("http://content-club.12530.com/mp3/walk/11/12/30/12/600659076643.mp3", "http://content-club.12530.com/mp3/walk/10/10/10/50/600686009180.mp3", "http://www.ygyz.net/film/asprm/music/千千阙歌.mp3", "http://xyshz.net/mp3/20.mp3", "http://www.ablemarketing.com.cn/downloads/jimozaichangge.mp3", "http://hogo.com.cn/zhongxue/amusement/music/lxgq/40.mp3", "http://oldblog.voc.com.cn/sp1/jiwenxiang/music/1204118020747_7433.mp3", "http://cxt.zhongzhihui.com/userfiles/cg2/1265171262.mp3", "http://content-club.12530.com/mp3/walk/2402/1201292/600646001/600646001163.mp3", "http://pilms.mspil.edu.cn//bbs2005/uploadfiles/1b7e76dc-38df-4096-aedd-144f23bf413d.mp3", "http://pichd.gxnews.com.cn/uploadfiles/mp3/2007/2/25/2007225172412590.mp3", "http://ww9.okcz.com/m/UploadFiles/Song/2006-9/2006914004833868.mp3", "http://www.jxphysics.cn/lily/music/20070613082145425.mp3", "http://220.181.50.60/audio/81502309d5dfc4fac1d325b50617e561/4b6f82a0/a8efc4ea21145b19a77509b9da90a013.mp3", "http://www.ng88.cn/mp3/jiandanai.mp3", "http://www.xzshidai.com/muic/index/flash/wang.mp3", "http://www.wllhg.com/docc/uploadvideo/200971694051801.mp3", "http://storage.pomoho.com/mv/music/a78659369_658007306.mp3", "http://www.2911cailing.com/upfile/soft/2009721/200972111258368.mp3", "http://www.pro-kennel.com/music/33.mp3");
mysound.loadSound(mymusic_array[temp-1], true);
mysound.onSoundComplete = function() {
++temp;
if (temp>20) {
temp = 1;
}
// end if
aa();
};
onEnterFrame = function () {
mysound.setVolume(_root.yinliang.huakuai._x);
huanchong = int(mysound.getBytesLoaded()/mysound.getBytesTotal()*100)+" %";
myarray = new Array("爱我就跟我走", "爱走了心碎了", "千千阙歌", "皇后大道东", "寂寞在唱歌", "一个人的精彩", "独角戏", "爱要怎么说出口", "难道爱一个人有错吗", "爱的狂怒", "痴心绝对", "我爱你你却爱着他", "爱你就等于爱自己", "很爱很爱你", "简单爱", "第一次爱的人", "你最近还好吗", "今生最爱", "我是真的爱你", "有一种爱叫做放手");
music_name = myarray[temp-1];
zongchangdu = int(mysound.duration/1000);
yibofang = int(mysound.position/1000);
//_root.bofangtiao.huakuai._x = 240*(yibofang/zongchangdu);
};
}
// End of the function
function genxin() {
call(genxinbiao.cc());
}
// End of the function
stop();
temp = 1;
aa();
i = 0;
//_root.jingyincha._visible = false;
//_root.jingyin.onRelease = function() {
//++i;
//if (i%2 != 0) {
//_root.yinliang.huakuai._x = 0;
//_root.jingyincha._visible = true;
//} else {
//_root.yinliang.huakuai._x = 90;
//_root.jingyincha._visible = false;
//}
// end else if
//};
stop();
intervalId = setInterval(this, "genxin", 1000);

想要达到加载更多首音乐,只需要修改上面代码中的有颜色部分即可。

 

最终效果如下图:

第十二部,最后还有一点需要我们去做,那就是将FLASH的发布设置成“只访问网络”哦。呵呵。完

 

 

  

 

我站网络视频网校培训开始招生了!FLASH课件制作视频教程教学,QQ一对一解答所有学员疑问。咨询:QQ444860709 查看培训详情

期刊论文服务

合作期刊
学报期刊
 
获奖证书办理
本站已改版成新站 课件115学培吧http://www.kj115.com
与此页面相关内容导航
     
在线咨询台